<? session_start(); include("misc.php"); ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <title>Untitled Document</title>
  <link href="css/css.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery.js" type="text/javascript"></script>
  <script src="js/misc.js" type="text/javascript"></script>
  <style type="text/css">
<!--
.style1 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	font-weight:normal;;
	font-size: 13px;
}
.style4 {
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #666666;
	line-height:130%;
}
.style6 {font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; font-weight: bold; }
.style12 {font-size: 12px}
.style13 {font-size: 8px}
.style15 {
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #999999;
}
.yeller {
   border: solid 1px  #F4DA1C;
   background:#FFFBDF;
}

-->
  </style>
</head>
<body class="nomargin">
<table  id="maintable" style="visibility:hidden"  width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td width="900">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="30%" valign="bottom"><a href="index.php"><img src="images/logo.png" width="200" height="60" border="0"></a></td>
          <td width="70%" valign="top" id="login_container"><? load_top_info(); ?></td>
        </tr>
      </table>
      <table width="100%" border="0" cellspacing="2" cellpadding="3">
        <tr>
          <td id="main_header" width="600" align="right">
            <div align="right" class="header"><span id="main_header_click" style="cursor:pointer">&nbsp;</span></div>
          </td>
          <td id="friendfeed_header"  width="300" align="right">                  
            <div align="right" class="header"><span id="main_header_click2"><nobr>Profile</nobr></span></div>
          </td>
        </tr>
      </table>
    </td>

    <td></td>
  </tr>
  <tr>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
            <table id="left_wing" width="100%" height="545" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
          <td width="3"></td>
        </tr>
      </table>
    </td>
    <td id="center" width="900" valign="top">

      <table width="100%" height="544" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="900" class="container" id="main_container" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="68%"><table width="94%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="85%" valign="top"><table width="570" border="0" cellspacing="7" cellpadding="5">
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="4%">&nbsp;</td>
                      <td width="92%"><img  src="http://graph.facebook.com/<?  echo(@$_SESSION['userid']); ?>/picture?type=large"></td>
                      <td width="4%">&nbsp;</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>

                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td class="style1">&nbsp;</td>
                      <td class="style1">&nbsp;</td>
                      <td class="style1">&nbsp;</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                  </table></td>
                  <td width="15%" height="100%" valign="top"><img id="divider" src="images/divider.png" width="1" height="1">
                    </td>
                </tr>
              </table></td>
              <td valign="top" width="32%">&nbsp;</td>
            </tr>
          </table></td>
        </tr>
      </table>


    </td>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="3"></td>
          <td>
            <table id="right_wing" width="100%" height="545" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td></td>
    <td width="900"><? load_footer(); ?> </td>
    <td></td>
  </tr>
</table>
<script>
$(document).ready(function() {
    h = $("#main_container").outerHeight();
    $("#left_wing").height(h)+4;
	$("#right_wing").height(h)+4;
	$("#divider").height(h);
});
</script>
</body>
</html>

